<template>
	<view>
		<!-- 暂时不删除 -->
		<!-- <header-search @uINputChange="uINputChange"  @cancel="cancel" title="通讯录" :inputPlaceholder="inputPlaceholder" :titleStyle="titleStyle" :rightIcon="rightIcon" @onClickRight="selectRightIconChange" :parentObj="{ ...this }" ></header-search> -->
		<uni-search-bar placeholder="请输入用户名称进行查询" style="background-color: #fff;" v-model="Keyword" @input="inputFunc"
			@cancel="cancel" @confirm="confirm">
		</uni-search-bar>

		<txl @ev="evFunc" :datas="data" name="Name" name2="NickName" />
	</view>
</template>

<script>
	// 引入顶部navbar组件
	// import headerSearch from '@/components/header/header-search.vue'
	// import headerTitle from '@/components/header/header-title.vue'
	import txl from '@/components/yt-txl/index.vue'
	export default {
		components: {
			// headerTitle,
			// headerSearch,
			txl
		},
		data() {
			return {
				// 搜索输入框的站位
				inputPlaceholder: "请输入用户名称进行查询",
				// 顶部标题的样式
				titleStyle: {
					fontWeight: "bold"
				},
				// 顶部导航栏得右侧图标
				rightIcon: require('@/static/add.png'),
				data: [],
				Keyword: ""
			}
		},
		// 监听顶部右侧导航栏图标点击事件
		onNavigationBarButtonTap(e) {
			console.log('监听顶部右侧导航栏图标时间', e)
			//如果是俩图标的话，index然后的0 或者1  就知道点击的哪个
			// 添加好友
			uni.navigateTo({
				url: '/pages/Mail/ContactPerson'
			})
		},
		onShow() {
			this.getDataList()
		},
		methods: {
			confirm() {
				this.getDataList()
			},
			inputFunc() {
				this.getDataList()
			},
			getDataList() {
				this.$http('Base_Mail/Base_MailList/GetDataList', {
					"SortField": "Initial",
					"SortType": "asc",
					Search: {
						// "Condition": "Name",
						"ValueCondition": this.Keyword
					}
				}).then(res => {
					console.log(res.Data);
					if (res.Success) {
						this.data = res.Data
					}
				})
			},
			cancel() {
				this.Keyword = ''
				this.getDataList()
			},
			// 搜索框实时输入事件
			// uINputChange(value) {
			// 	console.log('传递过来', value)

			// },
			// 设置输入框的站位符
			// setInputPlaceholder(inputValue) {
			// 	console.log('改变')
			// 	if (inputValue) {
			// 		this.inputPlaceholder = ""
			// 	} else {
			// 		this.inputPlaceholder = "请输入用户名称进行查询"
			// 	}
			// },
			// cancel() {

			// },
			// onClickLeft() {
			// 	console.log('出来返回了')
			// },
			// 顶部导航栏右侧图标按钮
			// selectRightIconChange() {
			// 	console.log('添加通讯录好友', )
			// 	uni.navigateTo({
			// 		url: '/pages/Mail/ContactPerson'
			// 	})
			// },
			// 添加通讯录好友
			evFunc(e) {
				console.log(e);
				uni.navigateTo({
					url: '/pages/Mail/ContactPerson?data=' + JSON.stringify(e)
				})
			}
		}
	}
</script>

<style>

</style>